<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>WebSocket 消息推送</title>
</head>

<body>
    <div id="message"></div>

    <script>
        // 创建 WebSocket 连接
        var socket = new WebSocket('ws://110.40.192.219:2347?authorization=cs2odl654038oj6kf2n5rbdtkv');

        // 监听连接打开事件
        socket.onopen = function () {
            console.log('WebSocket 连接已打开');
        };

        // 监听接收到消息事件
        socket.onmessage = function (event) {
            var message = event.data;
            console.log('接收到消息：', message);
            var str = JSON.parse(message);
            console.log(str);
            var messageDiv = document.getElementById('message');
            // 在页面上显示收到的消息
            if (str.type != 'pong') {
                alert(str.data.content.title);
                messageDiv.innerHTML = str.data.content.message;
            }
        };

        // 监听连接关闭事件
        socket.onclose = function (event) {
            console.log('WebSocket 连接已关闭');
        };
        setInterval(function () {
            // 每隔1秒钟执行的代码
            $data = '{"type":"ping"}';
            socket.send($data);
        }, 40000);
        // 监听连接错误事件
        socket.onerror = function (error) {
            console.error('WebSocket 错误：', error);
        };
    </script>
</body>

</html>